---
title: Gaming Blocks
description: Build immersive retro game interfaces with these gaming-focused blocks.
---

## Gaming Blocks

Build immersive retro game interfaces with these gaming-focused blocks. Perfect for creating classic game UIs, RPG elements, and arcade-style interfaces.

<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 my-6">
  <a
    href="/docs/blocks/gaming/chapter-intro"
    className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors"
  >
    <h4 className="font-bold mb-1">Chapter Intro</h4>
    <p className="text-sm text-muted-foreground">
      Level introduction screens with background images
    </p>
  </a>
  <a
    href="/docs/blocks/gaming/main-menu"
    className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors"
  >
    <h4 className="font-bold mb-1">Main Menu</h4>
    <p className="text-sm text-muted-foreground">
      Classic game main menu interface
    </p>
  </a>
  <a
    href="/docs/blocks/gaming/difficulty-select"
    className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors"
  >
    <h4 className="font-bold mb-1">Difficulty Select</h4>
    <p className="text-sm text-muted-foreground">
      Game difficulty selection screen
    </p>
  </a>
  <a
    href="/docs/blocks/gaming/dialogue"
    className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors"
  >
    <h4 className="font-bold mb-1">Dialogue</h4>
    <p className="text-sm text-muted-foreground">
      RPG-style dialogue boxes with avatars
    </p>
  </a>
  <a
    href="/docs/blocks/gaming/pause-menu"
    className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors"
  >
    <h4 className="font-bold mb-1">Pause Menu</h4>
    <p className="text-sm text-muted-foreground">In-game pause menu overlay</p>
  </a>
  <a
    href="/docs/blocks/gaming/game-over"
    className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors"
  >
    <h4 className="font-bold mb-1">Game Over</h4>
    <p className="text-sm text-muted-foreground">
      Game over screen with retry options
    </p>
  </a>
  <a
    href="/docs/blocks/gaming/audio-settings"
    className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors"
  >
    <h4 className="font-bold mb-1">Audio Settings</h4>
    <p className="text-sm text-muted-foreground">
      Volume and sound settings panel
    </p>
  </a>
  <a
    href="/docs/blocks/gaming/player-profile-card"
    className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors"
  >
    <h4 className="font-bold mb-1">Player Profile Card</h4>
    <p className="text-sm text-muted-foreground">
      Player stats and avatar display
    </p>
  </a>
  <a
    href="/docs/blocks/gaming/leaderboard"
    className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors"
  >
    <h4 className="font-bold mb-1">Leaderboard</h4>
    <p className="text-sm text-muted-foreground">High score ranking tables</p>
  </a>
  <a
    href="/docs/blocks/gaming/quest-log"
    className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors"
  >
    <h4 className="font-bold mb-1">Quest Log</h4>
    <p className="text-sm text-muted-foreground">
      Mission and task tracking system
    </p>
  </a>
  <a
    href="/docs/blocks/gaming/character-sheet"
    className="block p-4 border-2 border-border hover:border-primary hover:bg-accent/50 transition-colors"
  >
    <h4 className="font-bold mb-1">Character Sheet</h4>
    <p className="text-sm text-muted-foreground">
      Full RPG character stats and equipment page
    </p>
  </a>
</div>
